<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/show.css">
    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="stylesheet" href="./css/iconfont-2.css">
    <title>首页</title>
</head>
<script src="./jquery.js"></script>
<script src="./jquery.banner.1.0.js"></script>
<script src="./js/ljz.js"></script>
<body>
    <ul class="floor">
        <li>茶，生活</li>
        <li>分类推荐</li>
        <li>茶具</li>
    </ul>


    <div class="head1">
        <div class="he">
            <ul class="he2">
                <li>
                    <div class="welcome">
                        <p>欢迎<mark><em class="username"></em></mark>进入本站&nbsp;&nbsp;&nbsp;<span class="logout">注销</span></p>
                    </div>
                </li>
                <li></li>
                <li><a href="./logon.html" class="dl">登录</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;</li>
                <li>&nbsp;<a href="./regst.html" class="zc">免费注册</a>&nbsp;</li>
                <li>&nbsp;<a href="">关于我们<span class="iconfont2 icon-jiantou1"></span></a></span></li>
                <li>&nbsp;<a href="">下载APP<span class="iconfont2 icon-jiantou1"></span></a>&nbsp;</li>
                <li>&nbsp;<a href="">帮助中心</a>&nbsp;</li>
                <li>&nbsp;<a href=""><span class="iconfont2 icon-xin"></span>收藏</a></li>
            </ul>
        </div>
    </div>


    <div class="head2">
        <div class="box">
            <a href="" class="logo"><img src="./img/logo.png"></a>
            <div class="box2">
                <div class="box3">
                    <p class="zi">搜索所有商品</p>
                </div>
                <a href="" class="like"><img src="./img/search-btn.png" alt=""></a>
            </div>
            
            <a href="./cart.html" class="cle">购物车</a>
           
            <div class="r">
                <p>订购热线</p>
                <h2>400-9993-513</h2> 
                <p>温馨提示:请您核对无误后拨出,谢谢!</p>
            </div>
        </div>
    </div>

    <div class="nav">
        <div class="nav2">
            <div class="qb">全部商品分类</div>
            <ul class="list">
                <li>首页</li>
                <li><a href="list.html">金骏眉</a></li>
                <li><a href="list.html">大红袍</a></li>
                <li><a href="list.html">铁观音</a></li>
                <li><a href="list.html">龙井</a></li>
                <li><a href="list.html">茶具</a></li>
                <li><a href="list.html">茶师亲制</a></li>
                <li><a href="list.html">茶币商城</a></li>
                <li><a href="list.html">词条部落</a></li>
            </ul>
        </div>
    </div>

    <div class="back">
        <div class="banner">
            <div class="menu">
                
                <div class="menu1">
                    
                    <div class="me1">
                        <p><span class="iconfont icon-yezi"></span><span class="asd">全部好茶</span></p>
                        <span class="jt"><img src="./img/1.png" alt=""></span>
                    </div>
                    <div class="rx">
                        热销
                    </div>
                    <ul class="line1">
                        <li><a href="">金俊眉</a></li>
                        <li><a href="">铁观音</a></li>
                        <li><a href="">大红袍</a></li>
                        <li><a href="">龙井</a></li>
                        <li><a href="">黄山毛峰</a></li>
                        <li><a href="">禛红</a></li>
                        <li><a href="">漳平水仙</a></li>
                        <li><a href="">正山小种</a></li>
                    </ul>
                    <div class="cl">
                        茶类
                        <ul class="line2">
                            <li><a href="">绿茶</a></li>
                            <li><a href="">乌龙茶</a></li>
                            <li><a href="">红茶</a></li>
                            <li><a href="">白茶</a></li>
                            <li><a href="">普洱</a></li>
                            <li><a href="">花茶</a></li>
                        </ul>
                    </div>
                </div>
                <div class="menu2">
                    <div class="me2">
                        <p><span class="iconfont icon-chahu"></span><span></span>热销茶具</p>
                        <span class="jt"><img src="./img/1.png" alt=""></span>
                    </div>
                    <div class="tj1">
                        推荐
                    </div>
                    <ul class="line3">
                        <li><a href="">紫砂壶</a></li>
                        <li><a href="">建盏</a></li>
                        <li><a href="">飘逸杯</a></li>
                        <li><a href="">功夫茶具</a></li>
                        <li><a href="">配件</a></li>
                    </ul>
                </div>
                <div class="menu3">
                    <div class="me3">
                        <p><span class="iconfont icon-chilun"></span><span>手艺</span></p>
                        <span class="jt"><img src="./img/1.png" alt=""></span>
                    </div>
                    <div class="tj2">
                        推荐
                    </div>
                    <ul class="line4">
                        <li><a href="">根雕</a></li>
                        <li><a href="">小叶紫澶</a></li>
                    </ul>
                </div>
            </div>
            <div id="banner2">
                <div class="imgbox">
                    <a href=""><img src="./img/0030346_0.jpeg" alt=""></a>
                    <a href=""><img src="./img/0012673_0.jpeg" alt=""></a>
                </div>
                <div class="btns">
                    <input type="button" id="left" value="<<<">
                    <input type="button" id="right" value=">>>">
                </div>
            </div>
        </div>
    </div>
    
    <div class="xp1">
        <div class="xp2">
            <img src="./img/webintro2.png" alt="">
        </div>
    </div>

    <div class="cha wk_list">
        <div class="cha2">
            <span class="z1"><b>茶，生活</b></span>
            <span class="z2">TEA LIFE</span>
        </div>
    </div>

    <div class="tea1">
        <div class="tea2">
            <div class="brief1">
                <h2 class="br1">爱茶*茶与生活</h2>
                <h2 class="br2">武夷山名从解析之铁罗汉</h2>
                <p>冬季的武夷山依旧浓绿，深深浅浅</br>浮现深秋的影子，过不久也</p>
                <img src="./img/0008204_0.png" alt="">
            </div>
            <div class="brief1 wk_br1">
                <h2 class="br1">乐茶*一路找茶</h2>
                <h2 class="br2">太平|《茶之路》</h2>
                <p>《茶之路》茶季归途黄昏时分</br>浮现深秋的影子，过不久也</p>
                <img src="./img/0004672_0.jpeg" alt="">
            </div>
            <div class="brief1 wk_br2">
                <h2 class="br1">懂茶*茶的品鉴</h2>
                <h2 class="br2">泡茶|多少度水才能泡出好茶？</h2>
                <p>对于一杯茶来说，水的质量决定了</br>泡出来的品质。</p>
                <img src="./img/0005673_0.jpeg" alt="">
            </div>
            <div class="brief1 wk_br3">
                <h2 class="br1">制茶*茶师亲制</h2>
                <h2 class="br2">白茶|制法工艺</h2>
                <p>冬季的武夷山依旧浓绿，深深浅浅</br>浮现深秋的影子，过不久也</p>
                <img src="./img/0004764_0.png" alt="">
            </div>
        </div>
    </div>

    <div class="itemize wk_list">
        <div class="itemize2">
            <span class="mize1">分类推荐</span>
            <span class="mize2">7天无理由退换货</span>
        </div>
    </div>

    <!-- 一 -->
    <div class="lc">
        <div class="lc2">
            <p class="lc3">绿茶</p>
            <ul>
                <li>龙井</li>
                <li>黄山毛峰</li>
                <li>碧螺春</li>
                <li>雀舌</li>
                <li>太平猴魁</li>
                <li>安吉白茶</li>
                <li>六安瓜片</li>
            </ul>  
        </div>
    </div>

    <div class="list_wk">
        <div class="list_wk2">
            <div class="list_wk3">
                <img src="./img/0113415_0.jpeg" alt="">
                <hr>
                <span class="list_wkd">登堂入室</span>
                <span class="list_wkm">名茶之首 靠谱龙井1号 250g</span>
                <p>￥68</p>
                <span class="list_wkj">约136元/斤</span>
                <div class="list_wkl"><a href="">立即购买</a></div>
            </div>
            <div class="list_wk3">
                <img src="./img/0052268_0.jpeg" alt="">
                <hr>
                <span class="list_wkd">登堂入室</span>
                <span class="list_wkm">名茶之首 靠谱龙井1号 250g</span>
                <p>￥68</p>
                <span class="list_wkj">约136元/斤</span>
                <div class="list_wkl"><a href="">立即购买</a></div>
            </div>
            <div class="list_wk3">
                <img src="./img/0120105_0.jpeg" alt="">
                <hr>
                <span class="list_wkd">登堂入室</span>
                <span class="list_wkm">名茶之首 靠谱龙井1号 250g</span>
                <p>￥99</p>
                <span class="list_wkj">约396元/斤</span>
                <div class="list_wkl"><a href="">立即购买</a></div>
            </div>
            <div class="list_wk3">
                <img src="./img/0130741_0.png" alt="">
                <hr>
                <span class="list_wkd">登堂入室</span>
                <span class="list_wkm">名茶之首 靠谱龙井1号 250g</span>
                <p>￥88</p>
                <span class="list_wkj">约290元/斤</span>
                <div class="list_wkl"><a href="">立即购买</a></div>
            </div>
            
        </div>
    </div>

    <!-- 二 -->
    <div class="lc">
        <div class="lc2">
            <p class="lc3">乌龙</p>
            <ul>
                <li>铁观音</li>
                <li>武夷岩茶</li>
                <li>漳平水仙</li>
                
            </ul>  
        </div>
    </div>

    <div class="list_wk">
        <div class="list_wk2">
            <div class="list_wk3">
                <img src="./img/0130740_0.png" alt="">
                <hr>
                <span class="list_wkd">登堂入室</span>
                <span class="list_wkm">名茶之首 靠谱龙井1号 250g</span>
                <p>￥68</p>
                <div class="list_wkl"><a href="">立即购买</a></div>
            </div>
            <div class="list_wk3">
                <img src="./img/0017170_0.jpeg" alt="">
                <hr>
                <span class="list_wkd">登堂入室</span>
                <span class="list_wkm">名茶之首 靠谱龙井1号 250g</span>
                <p>￥68</p>
                <div class="list_wkl"><a href="">立即购买</a></div>
            </div>
            <div class="list_wk3">
                <img src="./img/0012978_0.jpeg" alt="">
                <hr>
                <span class="list_wkd">登堂入室</span>
                <span class="list_wkm">名茶之首 靠谱龙井1号 250g</span>
                <p>￥99</p>
                <div class="list_wkl"><a href="">立即购买</a></div>
            </div>
            <div class="list_wk3">
                <img src="./img/0012932_0.jpeg" alt="">
                <hr>
                <span class="list_wkd">登堂入室</span>
                <span class="list_wkm">名茶之首 靠谱龙井1号 250g</span>
                <p>￥88</p>
                <div class="list_wkl"><a href="">立即购买</a></div>
            </div>
            
        </div>
    </div>

    <!-- 三 -->
    <div class="lc">
        <div class="lc2">
            <p class="lc3">红茶</p>
            <ul>
                <li>金骏眉</li>
                <li>正山小种</li>
                <li>云南稹茶</li>
                <li>祁门红茶</li>
                <li>政和工夫</li>
                <li>坦洋工夫</li>
            </ul>  
        </div>
    </div>

    <div class="list_wk">
        <div class="list_wk2">
            <div class="list_wk3">
                <img src="./img/0130744_0.png" alt="">
                <hr>
                <span class="list_wkd">登堂入室</span>
                <span class="list_wkm">名茶之首 靠谱龙井1号 250g</span>
                <p>￥68</p>
                <div class="list_wkl"><a href="">立即购买</a></div>
            </div>
            <div class="list_wk3">
                <img src="./img/0014005_0.jpeg" alt="">
                <hr>
                <span class="list_wkd">登堂入室</span>
                <span class="list_wkm">名茶之首 靠谱龙井1号 250g</span>
                <p>￥68</p>
                <div class="list_wkl"><a href="">立即购买</a></div>
            </div>
            <div class="list_wk3">
                <img src="./img/0012961_0.jpeg" alt="">
                <hr>
                <span class="list_wkd">登堂入室</span>
                <span class="list_wkm">名茶之首 靠谱龙井1号 250g</span>
                <p>￥99</p>
                <div class="list_wkl"><a href="">立即购买</a></div>
            </div>
            <div class="list_wk3">
                <img src="./img/0093509_0.jpeg" alt="">
                <hr>
                <span class="list_wkd">登堂入室</span>
                <span class="list_wkm">名茶之首 靠谱龙井1号 250g</span>
                <p>￥88</p>
                <div class="list_wkl"><a href="">立即购买</a></div>
            </div>
            
        </div>
    </div>

    <!-- 四 -->
    <div class="lc">
        <div class="lc2">
            <p class="lc3">白茶</p>
            <ul>
                <li>白牡丹</li>
                <li>白毫银针</li>
                <li>贡眉</li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>  
        </div>
    </div>

    <div class="list_wk">
        <div class="list_wk2">
            <div class="list_wk3">
                <img src="./img/0013989_0.jpeg" alt="">
                <hr>
                <span class="list_wkd">登堂入室</span>
                <span class="list_wkm">名茶之首 靠谱龙井1号 250g</span>
                <p>￥68</p>
                <span class="list_wkj">约136元/斤</span>
                <div class="list_wkl"><a href="">立即购买</a></div>
            </div>
            <div class="list_wk3">
                <img src="./img/0098677_0.jpeg" alt="">
                <hr>
                <span class="list_wkd">登堂入室</span>
                <span class="list_wkm">名茶之首 靠谱龙井1号 250g</span>
                <p>￥68</p>
                <span class="list_wkj">约136元/斤</span>
                <div class="list_wkl"><a href="">立即购买</a></div>
            </div>
            <div class="list_wk3">
                <img src="./img/0128371_0.jpeg" alt="">
                <hr>
                <span class="list_wkd">登堂入室</span>
                <span class="list_wkm">名茶之首 靠谱龙井1号 250g</span>
                <p>￥99</p>
                <span class="list_wkj">约396元/斤</span>
                <div class="list_wkl"><a href="">立即购买</a></div>
            </div>
            <div class="list_wk3">
                <img src="./img/0035969_0.jpeg" alt="">
                <hr>
                <span class="list_wkd">登堂入室</span>
                <span class="list_wkm">名茶之首 靠谱龙井1号 250g</span>
                <p>￥88</p>
                <div class="list_wkl"><a href="">立即购买</a></div>
            </div>
            
        </div>
    </div>

    <!-- 五 -->
    <div class="lc">
        <div class="lc2">
            <p class="lc3">普洱</p>
            <ul>
                <li>生茶</li>
                <li>熟茶</li>
                
            </ul>  
        </div>
    </div>

    <div class="list_wk">
        <div class="list_wk2">
            <div class="list_wk3">
                <img src="./img/0013995_0.jpeg" alt="">
                <hr>
                <span class="list_wkd">登堂入室</span>
                <span class="list_wkm">名茶之首 靠谱龙井1号 250g</span>
                <p>￥68</p>
                <span class="list_wkj">约136元/斤</span>
                <div class="list_wkl"><a href="">立即购买</a></div>
            </div>
            <div class="list_wk3">
               <img src="./img/0013951_0.jpeg" alt="">
                <hr>
                <span class="list_wkd">登堂入室</span>
                <span class="list_wkm">名茶之首 靠谱龙井1号 250g</span>
                <p>￥68</p>
                <span class="list_wkj">约136元/斤</span>
                <div class="list_wkl"><a href="">立即购买</a></div>
            </div>
            <div class="list_wk3">
                <img src="./img/0013948_0.jpeg" alt="">
                <hr>
                <span class="list_wkd">登堂入室</span>
                <span class="list_wkm">名茶之首 靠谱龙井1号 250g</span>
                <p>￥99</p>
                <span class="list_wkj">约396元/斤</span>
                <div class="list_wkl"><a href="">立即购买</a></div>
            </div>
            <div class="list_wk3">
                <img src="./img/0013949_0.jpeg" alt="">
                <hr>
                <span class="list_wkd">登堂入室</span>
                <span class="list_wkm">名茶之首 靠谱龙井1号 250g</span>
                <p>￥88</p>
                <span class="list_wkj">约290元/斤</span>
                <div class="list_wkl"><a href="">立即购买</a></div>
            </div>
            
        </div>
    </div>

    <!-- 六 -->
    <div class="lc">
        <div class="lc2">
            <p class="lc3">花茶</p>
            <ul>
                <li>茉莉花茶</li>
                <li>花草茶</li>
                
            </ul>  
        </div>
    </div>

    <div class="list_wk">
        <div class="list_wk2">
            <div class="list_wk3">
                <img src="./img/0029453_0.jpeg" alt="">
                <hr>
                <span class="list_wkd">登堂入室</span>
                <span class="list_wkm">名茶之首 靠谱龙井1号 250g</span>
                <p>￥138</p>
                
                <div class="list_wkl"><a href="">立即购买</a></div>
            </div>
            <div class="list_wk3">
                <img src="./img/0014141_0.jpeg" alt="">
                <hr>
                <span class="list_wkd">登堂入室</span>
                <span class="list_wkm">名茶之首 靠谱龙井1号 250g</span>
                <p>￥68</p>
                
                <div class="list_wkl"><a href="">立即购买</a></div>
            </div>
            <div class="list_wk3">
                <img src="./img/999.jpg" alt="">
                <hr>
                <span class="list_wkd">登堂入室</span>
                <span class="list_wkm">名茶之首 靠谱龙井1号 250g</span>
                <p>￥99</p>
                <div class="list_wkl"><a href="">立即购买</a></div>
            </div>
            <div class="list_wk3">
                <img src="./img/888.jpg" alt="">
                <hr>
                <span class="list_wkd">登堂入室</span>
                <span class="list_wkm">名茶之首 靠谱龙井1号 250g</span>
                <p>￥88</p>
                <div class="list_wkl"><a href="">立即购买</a></div>
            </div>
        </div>
    </div>

    <div class="cha">
        <div class="cha2">
            <span class="z1"><b>安吉白茶</b></span>
        </div>
    </div>

    <!-- 七 -->
    <div class="lc wk_list">
        <div class="lc2">
            <p class="lc3">茶具</p>
            <ul>
                <li>紫砂壶</li>
                <li>建盏</li>
                <li>功夫茶具</li>
                <li>茶具电器</li>
                <li>茶具配件</li>
                <li>飘逸杯</li>
                <li>旅行茶具</li>
            </ul>  
        </div>
    </div>

    <div class="list_wk">
        <div class="list_wk2">
            <div class="list_wk3">
                <img src="./img/0008581_0.jpeg" alt="">
                <hr>
                <span class="list_wkd">登堂入室</span>
                <span class="list_wkm">名茶之首 靠谱龙井1号 250g</span>
                <p>￥256</p>
                <div class="list_wkl"><a href="">立即购买</a></div>
            </div>
            <div class="list_wk3">
                <img src="./img/0111770_0.jpeg" alt="">
                <hr>
                <span class="list_wkd">登堂入室</span>
                <span class="list_wkm">名茶之首 靠谱龙井1号 250g</span>
                <p>￥399</p>
                <div class="list_wkl"><a href="">立即购买</a></div>
            </div>
            <div class="list_wk3">
                <img src="./img/0004431_0.jpeg" alt="">
                <hr>
                <span class="list_wkd">登堂入室</span>
                <span class="list_wkm">名茶之首 靠谱龙井1号 250g</span>
                <p>￥118</p>
                <div class="list_wkl"><a href="">立即购买</a></div>
            </div>
            <div class="list_wk3">
                <img src="./img/0029208_0.jpeg" alt="">
                <hr>
                <span class="list_wkd">登堂入室</span>
                <span class="list_wkm">名茶之首 靠谱龙井1号 250g</span>
                <p>￥388</p>
                <div class="list_wkl"><a href="">立即购买</a></div>
            </div>
        </div>
    </div>

    <div class="information">
        <div class="info">
            <div class="info1">
                <div class="info2">
                    <span class="in1">茶资讯</span>
                    <span class="in2"><a href="">更多></a></span>
                </div>
                <div class="info3">
                    <ul>
                        <li><span>1.</span>茂县“大红袍”花椒大丰收预计产值</li>
                        <li><span>2.</span>茂县“大红袍”花椒预计产值</li>
                        <li><span>3.</span>茂县“大丰收预计产值</li>
                        <li><span>4.</span>“大红袍”花椒大丰收预计产值</li>
                        <li><span>5.</span>茂大丰收预计产值</li>
                        <li><span>6.</span>茂县“大红袍”花椒大丰收预计产值</li>
                        <li><span>7.</span>大红袍”丰收预计产值</li>
                        <li><span>8.</span>红大丰收预计产值</li>
                        <li><span>9.</span>红袍椒大丰收预计产值</li>
                        <li><span>10.</span>花椒大丰收预计产值</li>
                    </ul>
                </div>
            </div>

            <div class="tion">
                <div class="tion1">
                    <span>热评排行</span>
                </div>
                <div class="tion2">
                    <div class="tion3">
                        <img src="./img/0126733_0.jpeg" alt="">
                        <p class="ti3">茶友</p>
                        <p class="ti2">评分：<span class="ti"><img src="./img/star-small.png" alt=""></span><span class="ti"><img src="./img/star-small.png" alt=""></span><span class="ti"><img src="./img/star-small.png" alt=""></span><span class="ti"><img src="./img/star-small.png" alt=""></span><span class="ti"><img src="./img/star-small.png" alt=""></span></p>
                        <p class="ti1">还没喝，不过在这里买很多次了</p>
                    </div>
                    <div class="tion3">
                        <img src="./img/0003479_0.jpeg" alt="">
                        <p class="ti3">茶友</p>
                        <p class="ti2">评分：<span class="ti"><img src="./img/star-small.png" alt=""></span><span class="ti"><img src="./img/star-small.png" alt=""></span><span class="ti"><img src="./img/star-small.png" alt=""></span><span class="ti"><img src="./img/star-small.png" alt=""></span><span class="ti"><img src="./img/star-small.png" alt=""></span></p>
                        <p class="ti1">还没喝，不过在这里买很多次了</p>
                    </div>
                    <div class="tion3">
                        <img src="./img/0012934_0.jpeg" alt="">
                        <p class="ti3">茶友</p>
                        <p class="ti2">评分：<span class="ti"><img src="./img/star-small.png" alt=""></span><span class="ti"><img src="./img/star-small.png" alt=""></span><span class="ti"><img src="./img/star-small.png" alt=""></span><span class="ti"><img src="./img/star-small.png" alt=""></span><span class="ti"><img src="./img/star-small.png" alt=""></span></p>
                        <p class="ti1">还没喝，不过在这里买很多次了</p>
                    </div>
                </div>
            </div>

            <div class="cybk">
                <div class="info2">
                    <span class="in1">茶叶百科</span>
                    <span class="in2"><a href="">更多></a></span>
                </div>

                <div class="bk">
                    <ul>
                        <li>云南普洱茶十大品牌</li>
                        <li>印象大红袍</li>
                        <li>喝普洱茶能减肥吗</li>
                        <li>普洱茶的保存</li>
                        <li>大红袍茶叶价格</li>
                        <li>安溪铁观音</li>
                        <li>云南普洱茶</li>
                        <li>黑茶</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="message"></div>

    <div class="foot">
        <div class="foot1">
            <ul class="foot_wk">
                <li>关于我们 <span> / </span> &nbsp;</li>
                <li> 配送政策 <span> / </span> &nbsp;</li>
                <li> 招才纳贤 <span> / </span> &nbsp;</li>
                <li> 帮助中心 <span> / </span> &nbsp;</li>
                <li> 联系我们 <span> / </span> &nbsp;</li>
                <li> 招商加盟 <span> / </span> &nbsp;</li>
                <li> 网站地图 <span> / </span> &nbsp;</li>
                <li> 词条部落</li>
            </ul><br>
            <p>Copyright 2016, 茶七网 TEA7.COM</p>
            <p>增值电信业务经营许可证 : B1.B2-20160011 &nbsp;&nbsp;&nbsp; 闽CP备14011677号-2</p>
            <p>服务时间 : 08:30-21:00 &nbsp;客服热线:400-9993-513（温馨提示 : 请您核对无误后拨出，谢谢！）</p>
            <div class="bos">  
                <p>友情链接 : </p> 
                <ul>
                    <li> &nbsp;76676 &nbsp;</li>
                    <li>八达社区 &nbsp;</li>
                    <li>茶人码头 &nbsp;</li>
                    <li>信阳毛尖 &nbsp;</li>
                    <li>茶叶 &nbsp;</li>
                    <li>新乡 &nbsp;</li>
                    <li>中国茶厂网 &nbsp;</li>
                    <li>茶多网 &nbsp;</li>
                    <li>茶叶加盟 &nbsp;</li>
                    <li>武夷山旅游网</li>
                </ul>
            </div>
            <span><img src="https://rr.knet.cn/static/images/logo/cnnic.png" alt=""></span>
            <span><img src="./img/cert.png" alt=""></span>
        </div>
        <div class="foot2">
            <div class="bos2">
                <img src="./img/guanzhu_weixin_90.jpg" class="imgbos2">
                <p><img src="./img/weixin.png" class="imgbos"></p>
                <p class="imgbos3">扫描关注微信公众号</p>
            </div>
            <div class="bos2">
                <img src="./img/erweima.jpg" class="imgbos2">
                <p class="imgbos4">APP</p>
                <p class="imgbos3">扫描关注微信公众号</p>
            </div>
        </div>
    </div>
</body>
</html>
<script>
    // var imgs = document.querySelectorAll("img");
    // var clientH = document.documentElement.clientHeight;

    // lazyImg(imgs);

    // onscroll = function(){
    //     lazyImg(imgs);
    // }



    $(".floor").children("li").click(function(){
		$("html").animate({
			scrollTop:$(".wk_list").eq($(this).index()).offset().top
		})
	})

    $("#banner2").banner({
            img:$("#banner2").children(".imgbox").find("a"),
            left:$("#banner2").find("#left"),
            right:$("#banner2").find("#right"),
            list:true,
            autoPlay:true,
            delayTime:2000,
            moveTime:300
    })


    class index{
        constructor(){
            this.dl = document.querySelector(".dl");
            this.zc = document.querySelector(".zc");
            this.welcome = document.querySelector(".welcome");
            this.logout = document.querySelector(".logout");
            this.uName = document.querySelector(".username")

            this.init();
            this.addevent();
        }

        init(){
            this.m = sessionStorage.getItem("usermsg");
            this.m = this.m ? JSON.parse(this.m) : {};
            if(this.m.user){
                this.uName.innerHTML = this.m.user;
                this.dl.style.display = "none";
                this.zc.style.display = "none";
                this.welcome.style.display = "block";
            }
        }
        addevent(){
            this.logout.onclick = function(){
                sessionStorage.removeItem("usermsg");
                location.reload();
            }
        }
    }

    new index;
</script>